<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>校妆网--详情页</title>
		<link rel="stylesheet" type="text/css" href="index.css"/>
		
		
	</head>
	<body>
		
		
		
		
		
		<!--顶部导航-->
		<div class="one">
			<div>
			<ul class="userrela">
				<li>
					<a href="">【登陆】</a>
				</li>
				<li>
					<a href="">【注册】</a>
				</li>
				<li>
					<a href="">我的订单</a>
				</li>
			</ul>
			</div>
		</div>
		
		
		
		
		
		
		<!--搜索区域-->
		
		<div id="search-zone">
			<!--logo区域-->
			
			<div>
				
			<a href="">
				<img src="img/logo.png" alt="" />
			</a>
			
			<div class="search">
				<div class="clearfix">
			<form action="">
				<input type="text" id="searchitem"/>
				<input type="submit" id="searchact" value=""/>
			</form>
			    </div>
			    
			    <ul class="item">
			    	<li>热门：</li>
			    	<li>SUNS</li>
			    	<li>SUNS</li>
			    	<li>SUNS</li>
			    	<li>SUNS</li>
			    	<li>SUNS</li>
			    	<li>SUNS</li>
			    	<li>SUNS</li>
			    </ul>
			</div>
			
			<img src="img/school.png" alt="" id="school"/>
			
			</div>
		</div>
</div>
</div>


<div id="supercontainer">      
<div id="navigate">
	
	<div class="wrap">
		
		<a href="" class="navt" style="width: 200px;background: #E73A77;">全部商品分类</a>
		<a href="" class="navt">首页</a>
		<a href="" class="navt" style="width: 240px;">购物车</a>
	</div>
</div>
</div>
	
	<!--面包屑导航-->
	<div class="show_type22">
			<a href="">首页</a>&nbsp;>&nbsp;
			<a href="">面部护肤</a>&nbsp;>&nbsp;
			<a href="">面霜</a>&nbsp;>&nbsp;
			<a href="">日霜</a>
	</div>
	
	
	
	<!--详情页开始-->
	<div class="detailshowsdjk">
		<div class="containcont">
		<div class="productimg">
			<img src="img/contentig.jpg" alt="" style="width: 300px;height: 300px;"/>
		</div>
		<div class="smallimg">
			<div class="leftarrow">
				
			</div>
			<div class="smalimgshow">
				<img src="img/1.jpg" alt="" style="width: 55px;height: 55px;" />
			</div>
			<div class="smalimgshow">
				<img src="img/1.jpg" alt="" style="width: 55px;height: 55px;" />
			</div>
			<div class="smalimgshow">
				<img src="img/1.jpg" alt="" style="width: 55px;height: 55px;" />
			</div>
			<div class="smalimgshow">
				<img src="img/1.jpg" alt="" style="width: 55px;height: 55px;" />
			</div>
			<div class="smalimgshow">
				<img src="img/1.jpg" alt="" style="width: 55px;height: 55px;" />
			</div>
			<div class="rightarrow">
				
			</div>
		</div>
		</div>
		
		
		<div class="iteminfoa">
		  <h1>蜜涟奈儿雪颜晶透亮肤霜50gs</h1>
			<div class="priceinfoa">
				<p style="height: 17px;line-height: 17px;">品&nbsp;牌：蜜涟奈儿    &nbsp;货号： 21837 </p>
				<p style="height: 30px;line-height: 30px;">市场价：&nbsp;<span style="text-decoration: line-through;color: #666666;">¥168.0</span></p>
				<p style="height: 30px;line-height: 30px;">校妆价：<span style="color:  #fd7440;font: 600 30px/30px arial">¥ 52.9 </span></p>
				<p style="height: 17px;line-height: 17px;margin-top: 10px;">所得积分：52</p>
				<p style="height: 20px;line-height: 20px;margin-top: 10px;">已售出：<span style="color: #fd7440;">0</span>件      浏览人数：<span style="color: #fd7440;">4287</span>次</p>
			</div>
			
			<div class="wannabut">
				<form action="">
				<div class="numthing">
					<p style="float: left;">购买数量：</p>
					<div style="float: left;cursor: pointer;">
						<img src="img/minus.jpg" alt="" />
					</div>
					<div style="float: left;">
						<input type="text" value="1"  style="width:28px;height:20px;text-align:center;border: 0 none;font: 12px "宋体";height: 15px;left: 2px;padding-top: 5px;position: absolute;text-align: center;top: 0;width: 28px;"/>
						
    
					</div>
					<div style="float: left;cursor: pointer;">
						<img src="img/multi.jpg" alt="" />
					</div>
				</div>
				
				<input type="submit" class="jaywants" value="加入购物车"/>
				
				</form>
			</div>
			
			<div>
				<img src="img/things.png" alt="" />
			</div>
			
			
		</div>
		
		<div class="productrebar">
			<ul>
				<li>
					<a href="">商品参数</a>
				</li>
				<li>
					<a href="">商品详情</a>
				</li>
				<li>
					<a href="">口碑报告</a>
				</li>
				<li>
					<a href="">商品咨询</a>
				</li>
				<li>
					<a href="">服务承诺</a>
				</li>
			</ul>
		</div>
		
		<div class="pdescad">
			<p style="width: 440px;height: 160px;float: left;">
商品名称：蜜涟奈儿雪颜晶透亮肤霜50g
<br>
货号：21837
<br>
品　　牌：蜜涟奈儿
<br>
所得积分：52
<br>
适合肤质： 暗哑粗黑、色素沉着、光照辐射、粉尘污染
<br>
容量： 50g
<br>
商品包装： 盒装无塑封
<br>
<br>
</p>

     <div class="srangethings">
     	<img src="img/1.jpg" alt="" style="width: 200px;height: 200px;"/>
     </div>
     
     <p>
     	<img src="img/d1.jpg" alt="" />
     	<img src="img/d2.jpg" alt="" />
     	<img src="img/d3.jpg" alt="" />
     	<img src="img/d4.jpg" alt="" />
     	<img src="img/d5.jpg" alt="" />
     	<img src="img/d6.jpg" alt="" />
     	<img src="img/d7.jpg" alt="" />
     	<img src="img/d8.jpg" alt="" />
     	<img src="img/d9.jpg" alt="" />
     	<img src="img/d10.jpg" alt="" />
     	<img src="img/d11.jpg" alt="" />
     	<img src="img/d12.jpg" alt="" />
     	<img src="img/d13.jpg" alt="" />
     	<img src="img/d14.jpg" alt="" />
     	<img src="img/d15.jpg" alt="" />
     	<img src="img/d16.jpg" alt="" />
     	<img src="img/d17.jpg" alt="" />
     
     	<img src="img/d19.jpg" alt="" />
     	<img src="img/d20.jpg" alt="" />
     </p>
     
     <div class="reminderwxts">
<b style="color: #FC733F;">校妆提示：</b>
<p>　　因厂家会在没有任何提前通知的情况下更改产品包装、产地或者一些附件，本司不能确保客户收到的货物与商城图片、产地、附件说明完全一致。只能确保为原厂正货！并且保证与当时市场上同样主流新品一致。若本商城没有及时更新，请大家谅解！</p>
<p>　　注：由于产品的特性不同人群所体验出的效果将有所差异，对于过于追求理想效果而要求退货的，将不给予退换货，请大家谅解。 </p>
</div>

     
     <div class="koubei">
     	<img src="img/koubei.png" alt="" />
     </div>
     
     
     <div class="publiccom">
     	
     	<div class="acceptansdfn">
     		<div class="casualsa">
     			<p><span style="color: #FC733F;font-size: 30px;font-family: arial;">100%</span>好评率</p>
     			<p style="margin-top:8px ;"><span style="color:#FC733F ;">3</span>&nbsp;评论</p>
     		</div>
     		
     		
     		
     	</div>
     	<div class="icome">
     			<p style="margin-top: 15px;margin-left: 15px;">发表评论即可获得<span style="color:#FC733F;">10</span>积分</p>
                <input type="button" style="background:#F8B914;font-size:15px;font-family:'微软雅黑';color:white;width:75px;height:30px;border-style:none;position: absolute;right: 20px;top: 40px;" value="发表评论"/>
     	</div>
     	
     	
     	
     </div>
     
     <div id="footcontainer" style="background:#F7F7F7;">
<div id="footer">
	<div class="footer-help">
		<dl>
			<dt>新手指南</dt>
			<dd><a href="">用户注册</a></dd>
			<dd><a href="">用户注册</a></dd>
			<dd><a href="">用户注册</a></dd>
		</dl>
		<dl>
			<dt>新手指南</dt>
			<dd><a href="">用户注册</a></dd>
			<dd><a href="">用户注册</a></dd>
			<dd><a href="">用户注册</a></dd>
		</dl>
		<dl>
			<dt>新手指南</dt>
			<dd><a href="">用户注册</a></dd>
			<dd><a href="">用户注册</a></dd>
			<dd><a href="">用户注册</a></dd>
		</dl>
		<dl>
			<dt>新手指南</dt>
			<dd><a href="">用户注册</a></dd>
			<dd><a href="">用户注册</a></dd>
			<dd><a href="">用户注册</a></dd>
		</dl>
	</div>
	
	<div class="codebox">
		<p class="title">关注微信服务号</p>
		<p class="code"><img src="img/bottomCode.jpg" alt="" /></p>
	</div>
	
	<div class="contact">
		<p>全国统一客服热线</p>
        <p class="contact-tel">400-655-2837</p>
        <p>服务时间：08：30-24：00</p>
        <p>客服邮箱：service@xzhuang.com</p>
	</div>
	
	<div></div>
</div>



</div>
     
     </div>
	
	
     
     
		</div>
		
	
	
	
	</body>
</html>